﻿<%@ Page Title="Xtablish CRM / New Product" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="AddNewProduct.aspx.cs" Inherits="Web.Product.AddNewProduct" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="headContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Con1" runat="server">
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            function getErrorMessage(sender, args) {
                var fileExtention = args.get_fileName().substring(args.get_fileName().lastIndexOf('.') + 1, args.get_fileName().length);
                if (args.get_fileName().lastIndexOf('.') != -1) {//this checks if the extension is correct
                    if (sender.get_allowedFileExtensions().indexOf(fileExtention) == -1) {
                        return ("This file type is not supported.");
                    }
                    else if (args.get_fileInputField().files[0].size > sender._maxFileSize) {
                        return ("This file exceeds the maximum allowed size of 1 MB.");
                    }
                }
                else {
                    return ("not correct extension.");
                }
                return null;
            }
            function AsyncUpload1_OnClientFileSelected(sender, args) {
                var error = getErrorMessage(sender, args);
                if (error == null) {
                    var fileInput = sender;
                    var file = args.get_fileInputField().files[0];
                    var reader = new FileReader();
                    reader.onload = function (e) {
                        $('#imgprw').attr('src', e.target.result);
                    }
                    reader.readAsDataURL(file);
                }
                else
                    ShowMessage(error);
            }
            function WebForm_OnSubmit() {
                if (typeof (ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) {
                    $("#validation_dialog").dialog({
                        title: "Validation Error!",
                        modal: true,
                        resizable: false,
                        buttons: {
                            Close: function () {
                                $(this).dialog('close');
                            }
                        }
                    });
                    return false;
                }
                return true;
            }
            function CancelClick() {
                window.location.assign(document.getElementById('<%= hdntxtPrevPage.ClientID %>').value);
            }
            function disableKeyPress(evt) {
                return false;
            }
            function isNumberKey(evt) {
                var charCode = (evt.which) ? evt.which : evt.keyCode
                if (charCode != 46)
                    if (charCode > 31 && (charCode < 48 || charCode > 57))
                        return false;
                return true;
            }

            function OnClientClose(oWnd, args) {
                $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest();

            }
            function OnBlur(sender, args) {
                if (sender.get_value() == "") {
                    sender.set_value("0");
                }
            }
            function pricingChecked() {
                var chbGST = $find("<%= chbGST.ClientID %>");
                var chbSales = $find("<%= chbSales.ClientID %>");
                var chbService = $find("<%= chbService.ClientID %>");
                var panelGST = document.getElementById('<%= panelGST.ClientID %>');
                var panelSales = document.getElementById('<%= panelSales.ClientID %>');
                var panelService = document.getElementById('<%= panelService.ClientID %>');
                if (chbGST.get_checked())
                    panelGST.style.display = "block";
                else
                    panelGST.style.display = "none";
                if (chbSales.get_checked())
                    panelSales.style.display = "block";
                else
                    panelSales.style.display = "none";
                if (chbService.get_checked())
                    panelService.style.display = "block";
                else
                    panelService.style.display = "none";
            }
            function SupportEndDateSelected(sender, args) {
                var enddate = sender.get_selectedDate();
                var startdate = $find("<%= dpSupportStartDate.ClientID %>").get_selectedDate();
                if (enddate != null) {
                    if (enddate <= startdate) {
                        alert("Invalid Support Expiry Date.");
                        sender.set_selectedDate(null);
                    }
                }
            }
            function SalesEndDateSelected(sender, args) {
                var enddate = sender.get_selectedDate();
                var startdate = $find("<%= dpSalesStartDate.ClientID %>").get_selectedDate();
                if (enddate != null) {
                    if (enddate <= startdate) {
                        alert("Invalid Sales End Date.");
                        sender.set_selectedDate(null);
                    }
                }
            }
            $.verify.addRules({
                websiteUrlValidate: function (w) {
                    var regexp = /^http[s]*\:\/\/[wwW]{3}\.+[a-zA-Z0-9]+\.[a-zA-Z]{2,3}.*$|^http[s]*\:\/\/[^w]{3}[a-zA-Z0-9]+\.[a-zA-Z]{2,3}.*$|http[s]*\:\/\/[0-9]{2,3}\.[0-9]{2,3}\.[0-9]{2,3}\.[0-9]{2,3}.*$/;
                    var url = w.val();
                    var urlvalidate = document.getElementById('<%= txtComWebsiteURL.ClientID %>');
                    if (!regexp.test(url)) {
                        urlvalidate.value = null;
                        return "Invalid URL.";
                    }
                    urlvalidate.value = "website";
                }
            });
            function CheckNull() {
                var comwebsite = document.getElementById('<%= txtWebsite.ClientID %>');
                if (comwebsite.value.trim() == "")
                    document.getElementById('<%= txtComWebsiteURL.ClientID %>').value = "website";
            }
            function deleteProductImage() {
                if (confirm("Are you sure want to delete this Product picture?")) {
                    document.getElementById('<%= imgprw.ClientID %>').src = "../Images/no_image_for_this_product.gif";
                    var upload = $find("<%= AsyncUpload1.ClientID %>");
                    var inputs = upload.getUploadedFiles();
                    for (i = 0; i < inputs.length; i++) {
                        upload.deleteFileInputAt(i);
                    }
                }
                return false;
            }
        </script>
    </telerik:RadCodeBlock>
    <asp:HiddenField ID="hdntxtPrevPage" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtImageEntension" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtSupName" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtSupID" runat="server"></asp:HiddenField>
    <div class="register">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6">
                    <h3>Creating New Product</h3>
                </div>
                <div class="col-md-6 btn-edit">
                    <asp:LinkButton ID="btnTop_Save" type="button" runat="server" class="btn btn-defaul" OnClick="btn_Save_Click">
                        <img src="../Images/save.png" style="width: 18px; height: 18px" /> Save
                    </asp:LinkButton>
                    <div id="validation_dialog" style="display: none">
                        <asp:ValidationSummary ID="ValidationSummary1" runat="server" />
                    </div>
                    <asp:LinkButton ID="btnTop_Cancel" type="button" runat="server" class="btn btn-defaul" OnClientClick="CancelClick()" CausesValidation="false">
                        <img src="../Images/back.png" style="width: 18px; height: 18px" /> Back
                    </asp:LinkButton>
                </div>
            </div>
            <div class="row">
                <div class="edit-form highlight">
                    <div class="control-group">
                        <h4>Product details</h4>
                    </div>
                    <div class="control-group">
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Product Name <span class="red-star">*</span></label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <asp:TextBox ID="txtProductName" runat="server" class="form-control" data-validate="required" />
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" Display="None" ControlToValidate="txtProductName"
                                        runat="server" ErrorMessage="Product Name is required."></asp:RequiredFieldValidator>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Product Active </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <telerik:RadButton ID="chbProductActive" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton" AutoPostBack="false"
                                        CausesValidation="false" />
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group">
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Serial No </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <asp:TextBox ID="txtSerialNo" runat="server" class="form-control" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Sales Start Date</label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <telerik:RadDatePicker ID="dpSalesStartDate" runat="server" Width="50%">
                                        <DateInput ReadOnly="true" ID="RadDateInput1" runat="server">
                                        </DateInput>
                                        <Calendar ReadOnly="true" ID="Calendar1" runat="server" UseColumnHeadersAsSelectors="False"
                                            UseRowHeadersAsSelectors="False" ViewSelectorText="x">
                                            <SpecialDays>
                                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
                                                </telerik:RadCalendarDay>
                                            </SpecialDays>
                                        </Calendar>
                                    </telerik:RadDatePicker>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group">
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Supplier </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <div class="col-md-7" style="padding: 0 0">
                                        <telerik:RadComboBox ID="ddlSupplier" runat="server" DataTextField="MANUFACTURER_NAME" DataValueField="ID"
                                            Width="100%" Filter="StartsWith" MaxHeight="700px">
                                        </telerik:RadComboBox>
                                    </div>
                                    <div class="col-md-2" style="padding-left: 6px">
                                        <div class="btn-sl">
                                            <asp:LinkButton ID="lbtnAddSupplier" type="button" runat="server" CausesValidation="false" Style="font-size: 12px !important;"
                                                OnClientClick="openWin('AddNewSupplier.aspx', 'rwAddSupplier'); return false;">
                                                <img src="../Images/add.png" style="width: 20px; height: 20px" />
                                            </asp:LinkButton>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Sales End Date </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <telerik:RadDatePicker ID="dpSalesEndDate" runat="server" Width="50%">
                                        <ClientEvents OnDateSelected="SalesEndDateSelected" />
                                        <DateInput ReadOnly="true" ID="DateInput2" runat="server">
                                        </DateInput>
                                        <Calendar ReadOnly="true" ID="Calendar3" runat="server" UseColumnHeadersAsSelectors="False"
                                            UseRowHeadersAsSelectors="False" ViewSelectorText="x">
                                            <SpecialDays>
                                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
                                                </telerik:RadCalendarDay>
                                            </SpecialDays>
                                        </Calendar>
                                    </telerik:RadDatePicker>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group">
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Product Category</label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <asp:TextBox ID="txtProductCategory" runat="server" class="form-control" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Support Start Date </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <telerik:RadDatePicker ID="dpSupportStartDate" runat="server" Width="50%">
                                        <DateInput ReadOnly="true" ID="DateInput1" runat="server">
                                        </DateInput>
                                        <Calendar ReadOnly="true" ID="Calendar2" runat="server" UseColumnHeadersAsSelectors="False"
                                            UseRowHeadersAsSelectors="False" ViewSelectorText="x">
                                            <SpecialDays>
                                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
                                                </telerik:RadCalendarDay>
                                            </SpecialDays>
                                        </Calendar>
                                    </telerik:RadDatePicker>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group">
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Website </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <asp:TextBox ID="txtWebsite" runat="server" class="form-control" data-validate="websiteUrlValidate" />
                                    <div style="display: none">
                                        <asp:TextBox ID="txtComWebsiteURL" runat="server" class="form-control" Text="website" />
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" Display="None" ControlToValidate="txtComWebsiteURL"
                                            runat="server" ErrorMessage="Invalid Company Website URL."></asp:RequiredFieldValidator>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Support Expiry Date </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <telerik:RadDatePicker ID="dpSupportExpiryDate" runat="server" Width="50%">
                                        <ClientEvents OnDateSelected="SupportEndDateSelected" />
                                        <DateInput ReadOnly="true" ID="DateInput3" runat="server">
                                        </DateInput>
                                        <Calendar ReadOnly="true" ID="Calendar4" runat="server" UseColumnHeadersAsSelectors="False"
                                            UseRowHeadersAsSelectors="False" ViewSelectorText="x">
                                            <SpecialDays>
                                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
                                                </telerik:RadCalendarDay>
                                            </SpecialDays>
                                        </Calendar>
                                    </telerik:RadDatePicker>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- end row 1 -->
            <div class="row">
                <div class="edit-form highlight">
                    <div class="control-group">
                        <h4>Pricing Information</h4>
                    </div>
                    <div class="control-group">
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">
                                    Unit Price($)
                                </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <telerik:RadNumericTextBox Type="Currency" ID="rntxtUnitprice" runat="server"
                                        Width="30%" CssClass="RadNumbericText" MinValue="0" Value="0">
                                        <ClientEvents OnBlur="OnBlur" />
                                    </telerik:RadNumericTextBox>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Commission Rate(%)</label>
                            </div>
                            <div class="col-md-8 checkbox-control">
                                <div class="controls">
                                    <telerik:RadNumericTextBox Type="Percent" ID="rntxtCommissionRate" runat="server"
                                        Width="30%" CssClass="RadNumbericText" MinValue="0" Value="0">
                                        <ClientEvents OnBlur="OnBlur" />
                                    </telerik:RadNumericTextBox>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group">
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">
                                    GST(%)    
                                    <telerik:RadButton ID="chbGST" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton" AutoPostBack="false"
                                        CausesValidation="false" OnClientCheckedChanged="pricingChecked" />
                                </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <asp:Panel ID="panelGST" runat="server" Style="display: none">
                                        <telerik:RadNumericTextBox Type="Percent" ID="rntxtGST" runat="server"
                                            Width="30%" CssClass="RadNumbericText" MinValue="0" Value="7" ReadOnly="true">
                                            <ClientEvents OnBlur="OnBlur" />
                                        </telerik:RadNumericTextBox>
                                    </asp:Panel>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">
                                    Sales(%)    
                                <telerik:RadButton ID="chbSales" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton" AutoPostBack="false"
                                    CausesValidation="false" OnClientCheckedChanged="pricingChecked" />
                                </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <asp:Panel ID="panelSales" runat="server" Style="display: none">
                                        <telerik:RadNumericTextBox Type="Percent" ID="rntxtSales" runat="server"
                                            Width="30%" CssClass="RadNumbericText" MinValue="0" Value="10" ReadOnly="true">
                                            <ClientEvents OnBlur="OnBlur" />
                                        </telerik:RadNumericTextBox>
                                    </asp:Panel>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group">
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">
                                    Service(%)      
                                <telerik:RadButton ID="chbService" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton" AutoPostBack="false"
                                    CausesValidation="false" OnClientCheckedChanged="pricingChecked" />
                                </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <asp:Panel ID="panelService" runat="server" Style="display: none">
                                        <telerik:RadNumericTextBox Type="Percent" ID="rntxtService" runat="server"
                                            Width="30%" CssClass="RadNumbericText" MinValue="0" Value="12.5" ReadOnly="true">
                                            <ClientEvents OnBlur="OnBlur" />
                                        </telerik:RadNumericTextBox>
                                    </asp:Panel>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>

            <!-- end row 3-->
            <div class="row">
                <div class="edit-form highlight">
                    <div class="control-group">
                        <h4>Stock Information</h4>
                    </div>
                    <!--<div class="control-group">
                        <div class="col-md-6">
                        </div>
                        <div class="clearfix"></div>
                    </div>-->
                    <div class="control-group">
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Usage Unit</label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <telerik:RadComboBox ID="ddlUsageUnit" runat="server" DataTextField="USAGE_UNIT_NAME" DataValueField="ID"
                                        Width="60%" Filter="StartsWith" MaxHeight="700px" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Qty.in Demand</label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <telerik:RadNumericTextBox Type="Number" ID="rntxtQtyInDemand" runat="server"
                                        Width="30%" CssClass="RadNumbericText" MinValue="0" Value="0">
                                        <ClientEvents OnBlur="OnBlur" />
                                    </telerik:RadNumericTextBox>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group">
                        <div class="col-md-6 distance-control country-control">
                            <div class="col-md-4">
                                <label class="control-label">Quantity</label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <telerik:RadNumericTextBox Type="Number" ID="rntxtQuantity" runat="server"
                                        Width="30%" CssClass="RadNumbericText" MinValue="0" Value="0">
                                        <ClientEvents OnBlur="OnBlur" />
                                    </telerik:RadNumericTextBox>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Reorder Level</label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <telerik:RadNumericTextBox Type="Number" ID="rntxtReorderLevel" runat="server"
                                        Width="30%" CssClass="RadNumbericText" MinValue="0" Value="0">
                                        <ClientEvents OnBlur="OnBlur" />
                                    </telerik:RadNumericTextBox>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="control-group">

                        <div class="col-md-6 distance-control" id="divAssignedTo" runat="server">
                            <div class="col-md-4">
                                <label class="control-label">Assigned To <span class="red-star">*</span></label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <telerik:RadComboBox ID="ddlAssignedTo" runat="server" DataTextField="USER_NAME" DataValueField="ID"
                                        Width="60%" Filter="StartsWith" MaxHeight="700px" />
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="edit-form highlight">
                    <div class="control-group">
                        <h4>Description Details</h4>
                    </div>
                    <div class="control-group">
                        <div class="col-md-6 distance-control">
                            <div class="col-md-4">
                                <label class="control-label">Description </label>
                            </div>
                            <div class="col-md-8">
                                <div class="controls">
                                    <asp:TextBox ID="txtDescription" runat="server" TextMode="MultiLine" class="form-control" Rows="1" Width="100%"></asp:TextBox>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="edit-form highlight">
                    <div class="control-group">
                        <h4>Product Image Information</h4>
                    </div>
                    <div class="control-group">
                        <div class="col-md-12 distance-control" style="padding-left: 0">
                            <div class="col-md-2" style="padding-top: 12px; padding-bottom: 0; padding-left: 0">
                                <label class="control-label">Product Image </label>
                            </div>
                            <div class="col-md-10" style="background: #fff none repeat scroll 0 0; padding-top: 6px; padding-bottom: 6px">
                                <div class="controls">
                                    <div class="row" style="padding-left: 10px">
                                        <table style="width: 100px">
                                            <tr>
                                                <td style="width: 80px; border-right: none !important">
                                                    <img runat="server" id="imgprw" style="width: 80px; height: 80px; padding-left: 5px" clientidmode="static" />
                                                </td>
                                                <td style="width: 20px; vertical-align: top; padding-left: 4px">
                                                    <asp:LinkButton runat="server" ID="lbtnDeleteImage" CausesValidation="false"
                                                        OnClick="DeleteImage_Click"
                                                        OnClientClick="return radConfirmDelete(this, 'Are you sure you want to delete this product ?');">
                                                        <img src="../Images/delete.png" style="width: 16px; height: 16px"/>
                                                    </asp:LinkButton>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="row" style="padding-top: 6px; padding-left: 10px; height: 28px">
                                        <telerik:RadAsyncUpload runat="server" ID="AsyncUpload1"
                                            HideFileInput="true"
                                            MultipleFileSelection="Disabled"
                                            AllowedFileExtensions=".jpeg,.jpg,.png,.gif"
                                            MaxFileSize="1000000"
                                            MaxFileInputsCount="1"
                                            OnClientFileSelected="AsyncUpload1_OnClientFileSelected" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <!-- end row 4 -->
            <div class="row">
                <div class="col-md-12 btn-edit">
                    <asp:LinkButton ID="btnBottom_Save" type="button" class="btn btn-defaul" runat="server" OnClick="btn_Save_Click">
                        <img src="../Images/save.png" style="width: 18px; height: 18px" /> Save
                    </asp:LinkButton>
                    <asp:LinkButton ID="btnBottom_Cancel" runat="server" type="button" class="btn btn-defaul" OnClientClick="CancelClick()" CausesValidation="false">
                        <img src="../Images/back.png" style="width: 18px; height: 18px" /> Back
                    </asp:LinkButton>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
